草庐IT

CSS 实现音频loding动画

全部标签

javascript - 返回上一页时自动播放音频文件

我有音频/视频,您可以在我网站的投资组合区域中播放。如果我播放其中一个,然后转到上一页,然后使用浏览器的下一步按钮返回我的页面,即使我没有点击任何内容,音频也会自动播放。如果我播放视频或音频,单击以访问另一个页面,然后单击浏览器的上一页按钮,则会发生完全相同的行为。我怎样才能避免这种情况?这是一些代码:转换为:当我点击播放时。但是当错误发生时,iframe的src保持“about:blank”。这里始终是iframe内容:我发现并尝试删除源的src属性中的“&autoplay=1”,但没有成功。但是找不到如何更改视频的自动播放属性。 最佳答案

javascript - 通过 JavaScript 立即更改大小时,CSS 过渡不会动画

当在JavaScript中将元素的高度设置为0,然后立即将其更改为特定值时,该元素的CSS过渡不起作用。但是,通过将增加高度的代码放在setTimeout()中,即使延迟为0,转换也能正常工作,如您在以下代码片段中所见://Doesn'twork:document.getElementById("one").setAttribute("style","height:0px");document.getElementById("one").setAttribute("style","height:200px");//Works:document.getElementById("two")

javascript - 如何获取由 css 设置的元素的字体大小

我正在编写一个简单的jQuery来按一定百分比更改元素的字体大小。我遇到的问题是,当我使用jQuery的$('#el').css('font-size')获取大小时,它总是返回一个像素值,即使使用em设置也是如此。当我使用Javscript的el.style.font-size属性时,它不会返回一个值,直到一个值被同一属性显式设置。有什么方法可以使用Javascript获取原始CSS设置的字体大小值吗?您的方法对跨浏览器的友好程度如何?提前致谢!编辑:我应该注意到,所有经过测试的浏览器(见下面的评论)都允许我使用上面提到的两种方法使用“em”值设置文本大小,此时jQuery.css()

javascript - jQuery:动画,连续循环通过 child

接近但不完全是。我想让第一个子div显示几秒钟,向下滑动(通过定位)并淡出View,然后下一个子向上滑动并淡入View。不断重复,显示最后一个child后循环返回。虽然计数似乎将子div堆叠在一起,但看起来我已经让循环正常工作了。我做错了什么?http://jsfiddle.net/rrbaker/Xmk2y/4/ 最佳答案 这是我的混音:http://jsfiddle.net/ddrace/DJuV7/1/我重新安排了一些内容以使其更易于理解,并添加了暂停和动画设置以使其保持干爽且更易于调整。

javascript - d3 的过渡和动画是否使用 requestAnimationFrame?

我想弄清楚d3的默认动画是否已经使用requestAnimationFrame作为回调,或者我是否需要自己做。例如,我已经定义了一个自定义补间,它重复调用重绘函数以动画化图形上从一个域到另一个域的转换(这是在coffeescript中):rd=@redraw#afunctionthattakesanargumenttoredrawthegraph@svg.transition().duration(1000).tween"zoom",->interp=d3.interpolate(current_dom,target_dom)(t)->rdinterp(t)在我所有其他重绘调用中,我使

javascript - 如何为动画持续时间较短的元素制作连续动画[GASP]

我有以下GASP动画:$(function(){vartmax_options={repeat:-1};vartmax_tl=newTimelineMax(tmax_options),tween_options_to={css:{rotation:360,transformOrigin:'centercenter'},ease:Cubic.Linear,force3D:true};//LastArgumentisPositionTiming.//Usethisargumenttostaggerthevisibilityofsurroundingcirclestmax_tl.to($('

javascript - 是否有用于 visual studio 的 javascript/css 压缩器插件?

我正在寻找具有以下功能的visualstudio插件:在构建项目或执行工具时,插件会查找所有*.js和*.css文件并将它们压缩/最小化为*.min.js和*.min.css文件。在项目构建时执行该工具将使您能够在页面中保留对*.min.js的引用,同时对*.js文件的更改将立即写入*.min.js文件。有这样的东西吗?如果不是,最接近自动化此类任务的方法是什么?补充问题:自动合并文件怎么样? 最佳答案 查看这两个链接:AnMSbuildscriptforYUIcompressorYUIcompressorforVS

javascript - 如何通过 Javascript 通过 CSS 获取准确的 RGBa 值设置?

在我尝试过的大多数浏览器中,一旦浏览器解析了CSS,rgba()值似乎就会发生变化。例如,下面的CSS:background-color:rgba(255,0,0,0.5);通过jQuery.css('background-color')或原生CSSStyleDeclaration.getPropertyValue('background-color')访问时提供以下CSS值:rgba(255,0,0,0.498039)这是afiddle有更多的例子。Chrome和Safari给出不同的结果。Firefox似乎是唯一报告输入的准确值的浏览器。这是错误还是设计使然?

javascript - 为什么 z-index 不能在 Chrome 中使用 CSS 列?

我使用column-count创建的多列布局的z-index有问题。我想使用.animate()将单击的div移动到列表顶部,但是当我单击右列中的元素时,它会位于左列元素的后面。这在Firefox上运行良好,但在Chrome上不起作用。有什么想法吗?functiongotoTop(element){vardestinationTop=$('.categories').offset().top;varelementOffsetTop=$(element).offset().top;vardistanceTop=(elementOffsetTop-destinationTop);retur

javascript - Bootstrap-vue 不加载 CSS

我正在使用Bootstrap4编写一个Vue.js应用程序,但我无法加载,尽管我遵循了文档。添加到main.jsVue.use(BootstrapVue);添加到与App.vue相关的css文件:@import'../../node_modules/bootstrap/dist/css/bootstrap.css';@import'../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';这是模板:{{msg}}{{statusCode}}PlayersdataTournamentdata结果:没有呈现css但在来自dist目录的